<template>
    <div>
        <div class="box">
      <mt-swipe :auto="4000" style="height:40vw">
      <mt-swipe-item>
          <img src="/imgs/VCG41N953078302.webp" alt="">
      </mt-swipe-item>
      <mt-swipe-item>
          <img src="/imgs/VCG41590845162.webp" alt="">
      </mt-swipe-item>
      <mt-swipe-item>
          <img src="/imgs/VCG211181872558.webp" alt="">
      </mt-swipe-item>
      </mt-swipe>
     <button @click="search">
         <van-icon name="search" />
         搜索</button>
    </div>
    <page-tab></page-tab>
    </div>
</template>

<script>
import PageTab from '@/components/PageTab.vue'
    export default {
  components: { PageTab },
        methods: {
            search() {
                this.$router.push('/search')
            },
        },
    }
</script>

<style lang="scss" scoped>
.box{
    position: relative;
    height: 45vw;
    margin-bottom: 10px;;
}
  .mint-swipe{
      img{
          width: 100%;
      }
  }
  button{
     width: 70%;
     height: 2.8em;
     background-color: white;
     border: 1px solid orange;
     border-radius: 10px;
     margin-top:-1.4em;
     margin-left: 15%;
     position: absolute;
     z-index: 100;
  }
</style>